page-pc-total-rule {
  @extend %buttons;
  .rule {
    width: 100%;

    margin-top: 2.2rem;
    padding: 0.8rem 1.6rem 2.2rem 1.6rem;
    
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: $shadow;
    .itemName {
      width: 100%;
      margin-bottom: 0.8rem;
    }
    p {
      display: inline-block;
    
      margin: 0;
    
      color: #65666C;
      font-size: 1.8rem; 
    }
    .more {
      float: right;
    
      display: flex;
      align-items: center;
      margin-top: 0.3rem;
    }
    .hrstyle {
      width: 100%;
      height: 0.1rem;
      
      margin-bottom: 1.6rem;
      background-color: #ECECEC;
    }
    .pc-input {
      position: relative;
      width: 100%;
      height: 1.4rem;
    
      display: flex;
      align-items: center;
      padding-left: 0.6rem;
      .pc-span {
        position: absolute;
    
        font-size: 1.4rem;
        color: #A1A1B2;
      }
      .input-range {
        position: absolute;
        right: 0;
        width: 15rem;
    
        margin: 0 5.6rem 0 0;
      }
      .show-number {
        position: absolute;
        right: 0;

        margin-top: 0.2rem;
        
        font-size: 1.4rem;
        color: #A1A1B2;
      }
    }
    .pc-input-first {
      margin-bottom: 3rem;
    }
  }
}
